<template>
  <div class="xiugai">
    <div class="top">
      <router-link to=""  @click.native="fanHui()">&lt;</router-link>
      <div class="top_title">修改密码</div>
    </div>
    <div class="xiu_gai">
        <ul>
            <li>
                <span>手机号</span>
                <div>
                    <input type="text" placeholder="请输入手机号码" name="iphone">
                </div>
            </li>
            <li>
                <span>手机号</span>
                <div class="yanzm">
                    <input type="text" placeholder="验证码" name="yan_zm">
                    <span>获取验证码</span>
                </div>
            </li>
            <li>
                <span>新密码</span>
                <div>
                    <input type="text" placeholder="请输入新密码" name="xin_mm">
                </div>
            </li>
            <li>
                <span>确认密码</span>
                <div>
                    <input type="text" placeholder="请再次输入新密码" name="qr_mm">
                </div>
            </li>
        </ul>
        <span>
            提交
        </span>
    </div>
  </div>
</template>

<script>
export default {
  data(){
      return {

      }
  },
  methods:{
      fanHui(){
      window.history.go(-1)
    },
  }  
}
</script>

<style lang="less" scoped>
.xiugai{
    .xiu_gai{
        margin-top: 45px;
        >ul{
            background: #ffffff;
            >li{
                height: 1.333333rem;
                padding: 0.266667rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid #F9F9F9;
                >span{
                    display: block;
                    width: 30%;
                    font-size: 17px;
                    color: #000000;
                }
                >div{
                    height: 100%;
                    width: 70%;
                    >input{
                        outline: none;
                        border: none;
                        padding-right: 0.4rem;
                        height: 100%;
                        font-size: 17px;
                        color: #757575;
                        width: 100%;
                    }
                }
                >.yanzm{
                    display: flex;
                    align-items: center;
                    >input{
                        outline: none;
                        border: none;
                        padding-right: 0.4rem;
                        height: 100%;
                        font-size: 17px;
                        color: #757575;
                        width: 65%;
                    }
                    >span{
                        text-align: center;
                        line-height: 0.773333rem;
                        height: 100%;
                        border-radius: 30px;
                        font-size: 14px;
                        color: #ffffff;
                        background: #FB4746;
                        margin-left: 0.133333rem;
                        display: block;
                        width: 35%;
                    }
                }
            }
        }
        >span{
            margin: 0.266667rem 0.133333rem;
            color: #ffffff;
            background: #FB4746;
            display: block;
            height: 1.146667rem;
            text-align: center;
            font-size: 15px;
            line-height: 1.146667rem;
        }
    }
}
</style>